<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文字提示</title>
    <link rel="stylesheet" href="./view/文字提示/styles.css">
</head>
<body>
<!-- 文字提示 Unnamed (Rectangle) -->
<div id="u8679" class="ax_default heading_1">
    <div id="u8679_div" class=""></div>
    <div id="u8679_text" class="text ">
        <p><span>Tooltip 文字提示</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8680" class="ax_default heading_1">
    <div id="u8680_div" class=""></div>
    <div id="u8680_text" class="text ">
        <p><span>概述</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8681" class="ax_default label">
    <div id="u8681_div" class=""></div>
    <div id="u8681_text" class="text ">
        <p><span>文字提示气泡框，在鼠标悬停时显示，代替了系统的title提示。</span></p><p><span>只对样式进行了实现。</span></p>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u8682" class="ax_default" data-left="401" data-top="343" data-width="133" data-height="42">

    <!-- Unnamed (Rectangle) -->
    <div id="u8683" class="ax_default box_1">
        <div id="u8683_div" class=""></div>
        <div id="u8683_text" class="text ">
            <p><span>Top Left 文字提示</span></p>
        </div>
    </div>

    <!-- Unnamed (Triangle) -->
    <div id="u8684" class="ax_default box_1">
        <img id="u8684_img" class="img " src="assets/images/文字提示/u8684.svg"/>
        <div id="u8684_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u8685" class="ax_default" data-left="573" data-top="343" data-width="149" data-height="42">

    <!-- Unnamed (Rectangle) -->
    <div id="u8686" class="ax_default box_1">
        <div id="u8686_div" class=""></div>
        <div id="u8686_text" class="text ">
            <p><span>Top Center 文字提示</span></p>
        </div>
    </div>

    <!-- Unnamed (Triangle) -->
    <div id="u8687" class="ax_default box_1">
        <img id="u8687_img" class="img " src="assets/images/文字提示/u8684.svg"/>
        <div id="u8687_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u8688" class="ax_default" data-left="767" data-top="343" data-width="141" data-height="42">

    <!-- Unnamed (Rectangle) -->
    <div id="u8689" class="ax_default box_1">
        <div id="u8689_div" class=""></div>
        <div id="u8689_text" class="text ">
            <p><span>Top Right 文字提示</span></p>
        </div>
    </div>

    <!-- Unnamed (Triangle) -->
    <div id="u8690" class="ax_default box_1">
        <img id="u8690_img" class="img " src="assets/images/文字提示/u8684.svg"/>
        <div id="u8690_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u8691" class="ax_default" data-left="251" data-top="448" data-width="139" data-height="36">

    <!-- Unnamed (Rectangle) -->
    <div id="u8692" class="ax_default box_1">
        <div id="u8692_div" class=""></div>
        <div id="u8692_text" class="text ">
            <p><span>Left Top 文字提示</span></p>
        </div>
    </div>

    <!-- Unnamed (Triangle) -->
    <div id="u8693" class="ax_default box_1">
        <img id="u8693_img" class="img " src="assets/images/文字提示/u8684.svg"/>
        <div id="u8693_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u8694" class="ax_default" data-left="233" data-top="506" data-width="157" data-height="36">

    <!-- Unnamed (Rectangle) -->
    <div id="u8695" class="ax_default box_1">
        <div id="u8695_div" class=""></div>
        <div id="u8695_text" class="text ">
            <p><span>Left Center 文字提示</span></p>
        </div>
    </div>

    <!-- Unnamed (Triangle) -->
    <div id="u8696" class="ax_default box_1">
        <img id="u8696_img" class="img " src="assets/images/文字提示/u8684.svg"/>
        <div id="u8696_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u8697" class="ax_default" data-left="230" data-top="563" data-width="160" data-height="36">

    <!-- Unnamed (Rectangle) -->
    <div id="u8698" class="ax_default box_1">
        <div id="u8698_div" class=""></div>
        <div id="u8698_text" class="text ">
            <p><span>Left Bottom 文字提示</span></p>
        </div>
    </div>

    <!-- Unnamed (Triangle) -->
    <div id="u8699" class="ax_default box_1">
        <img id="u8699_img" class="img " src="assets/images/文字提示/u8684.svg"/>
        <div id="u8699_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u8700" class="ax_default" data-left="928" data-top="448" data-width="147" data-height="36">

    <!-- Unnamed (Rectangle) -->
    <div id="u8701" class="ax_default box_1">
        <div id="u8701_div" class=""></div>
        <div id="u8701_text" class="text ">
            <p><span>Right Top 文字提示</span></p>
        </div>
    </div>

    <!-- Unnamed (Triangle) -->
    <div id="u8702" class="ax_default box_1">
        <img id="u8702_img" class="img " src="assets/images/文字提示/u8684.svg"/>
        <div id="u8702_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u8703" class="ax_default" data-left="928" data-top="506" data-width="164" data-height="36">

    <!-- Unnamed (Rectangle) -->
    <div id="u8704" class="ax_default box_1">
        <div id="u8704_div" class=""></div>
        <div id="u8704_text" class="text ">
            <p><span>Right Center 文字提示</span></p>
        </div>
    </div>

    <!-- Unnamed (Triangle) -->
    <div id="u8705" class="ax_default box_1">
        <img id="u8705_img" class="img " src="assets/images/文字提示/u8684.svg"/>
        <div id="u8705_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u8706" class="ax_default" data-left="928" data-top="563" data-width="168" data-height="36">

    <!-- Unnamed (Rectangle) -->
    <div id="u8707" class="ax_default box_1">
        <div id="u8707_div" class=""></div>
        <div id="u8707_text" class="text ">
            <p><span>Right Bottom 文字提示</span></p>
        </div>
    </div>

    <!-- Unnamed (Triangle) -->
    <div id="u8708" class="ax_default box_1">
        <img id="u8708_img" class="img " src="assets/images/文字提示/u8684.svg"/>
        <div id="u8708_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u8709" class="ax_default" data-left="401" data-top="661" data-width="154" data-height="42">

    <!-- Unnamed (Rectangle) -->
    <div id="u8710" class="ax_default box_1">
        <div id="u8710_div" class=""></div>
        <div id="u8710_text" class="text ">
            <p><span>Bottom Left 文字提示</span></p>
        </div>
    </div>

    <!-- Unnamed (Triangle) -->
    <div id="u8711" class="ax_default box_1">
        <img id="u8711_img" class="img " src="assets/images/文字提示/u8684.svg"/>
        <div id="u8711_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u8712" class="ax_default" data-left="565" data-top="661" data-width="171" data-height="42">

    <!-- Unnamed (Rectangle) -->
    <div id="u8713" class="ax_default box_1">
        <div id="u8713_div" class=""></div>
        <div id="u8713_text" class="text ">
            <p><span>Bottom Center 文字提示</span></p>
        </div>
    </div>

    <!-- Unnamed (Triangle) -->
    <div id="u8714" class="ax_default box_1">
        <img id="u8714_img" class="img " src="assets/images/文字提示/u8684.svg"/>
        <div id="u8714_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u8715" class="ax_default" data-left="746" data-top="661" data-width="162" data-height="42">

    <!-- Unnamed (Rectangle) -->
    <div id="u8716" class="ax_default box_1">
        <div id="u8716_div" class=""></div>
        <div id="u8716_text" class="text ">
            <p><span>Bottom Right 文字提示</span></p>
        </div>
    </div>

    <!-- Unnamed (Triangle) -->
    <div id="u8717" class="ax_default box_1">
        <img id="u8717_img" class="img " src="assets/images/文字提示/u8684.svg"/>
        <div id="u8717_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8718" class="ax_default box_1">
    <div id="u8718_div" class=""></div>
    <div id="u8718_text" class="text ">
        <p><span>上左</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8719" class="ax_default box_1">
    <div id="u8719_div" class=""></div>
    <div id="u8719_text" class="text ">
        <p><span>上边</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8720" class="ax_default box_1">
    <div id="u8720_div" class=""></div>
    <div id="u8720_text" class="text ">
        <p><span>上右</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8721" class="ax_default box_1">
    <div id="u8721_div" class=""></div>
    <div id="u8721_text" class="text ">
        <p><span>左上</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8722" class="ax_default box_1">
    <div id="u8722_div" class=""></div>
    <div id="u8722_text" class="text ">
        <p><span>左边</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8723" class="ax_default box_1">
    <div id="u8723_div" class=""></div>
    <div id="u8723_text" class="text ">
        <p><span>左下</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8724" class="ax_default box_1">
    <div id="u8724_div" class=""></div>
    <div id="u8724_text" class="text ">
        <p><span>下左</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8725" class="ax_default box_1">
    <div id="u8725_div" class=""></div>
    <div id="u8725_text" class="text ">
        <p><span>下边</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8726" class="ax_default box_1">
    <div id="u8726_div" class=""></div>
    <div id="u8726_text" class="text ">
        <p><span>下右</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8727" class="ax_default box_1">
    <div id="u8727_div" class=""></div>
    <div id="u8727_text" class="text ">
        <p><span>右上</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8728" class="ax_default box_1">
    <div id="u8728_div" class=""></div>
    <div id="u8728_text" class="text ">
        <p><span>右边</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8729" class="ax_default box_1">
    <div id="u8729_div" class=""></div>
    <div id="u8729_text" class="text ">
        <p><span>右下</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8730" class="ax_default heading_1">
    <div id="u8730_div" class=""></div>
    <div id="u8730_text" class="text ">
        <p><span>Dark</span></p>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u8731" class="ax_default" data-left="401" data-top="747" data-width="133" data-height="42">

    <!-- Unnamed (Rectangle) -->
    <div id="u8732" class="ax_default box_1">
        <div id="u8732_div" class=""></div>
        <div id="u8732_text" class="text ">
            <p><span>Top Left 文字提示</span></p>
        </div>
    </div>

    <!-- Unnamed (Triangle) -->
    <div id="u8733" class="ax_default box_1">
        <img id="u8733_img" class="img " src="assets/images/文字提示/u8733.svg"/>
        <div id="u8733_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u8734" class="ax_default" data-left="573" data-top="747" data-width="149" data-height="42">

    <!-- Unnamed (Rectangle) -->
    <div id="u8735" class="ax_default box_1">
        <div id="u8735_div" class=""></div>
        <div id="u8735_text" class="text ">
            <p><span>Top Center 文字提示</span></p>
        </div>
    </div>

    <!-- Unnamed (Triangle) -->
    <div id="u8736" class="ax_default box_1">
        <img id="u8736_img" class="img " src="assets/images/文字提示/u8733.svg"/>
        <div id="u8736_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u8737" class="ax_default" data-left="767" data-top="747" data-width="141" data-height="42">

    <!-- Unnamed (Rectangle) -->
    <div id="u8738" class="ax_default box_1">
        <div id="u8738_div" class=""></div>
        <div id="u8738_text" class="text ">
            <p><span>Top Right 文字提示</span></p>
        </div>
    </div>

    <!-- Unnamed (Triangle) -->
    <div id="u8739" class="ax_default box_1">
        <img id="u8739_img" class="img " src="assets/images/文字提示/u8733.svg"/>
        <div id="u8739_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u8740" class="ax_default" data-left="251" data-top="852" data-width="139" data-height="36">

    <!-- Unnamed (Group) -->
    <div id="u8741" class="ax_default" data-left="251" data-top="852" data-width="139" data-height="36">

        <!-- Unnamed (Rectangle) -->
        <div id="u8742" class="ax_default box_1">
            <div id="u8742_div" class=""></div>
            <div id="u8742_text" class="text ">
                <p><span>Left Top 文字提示</span></p>
            </div>
        </div>

        <!-- Unnamed (Triangle) -->
        <div id="u8743" class="ax_default box_1">
            <img id="u8743_img" class="img " src="assets/images/文字提示/u8733.svg"/>
            <div id="u8743_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u8744" class="ax_default" data-left="233" data-top="910" data-width="157" data-height="36">

    <!-- Unnamed (Rectangle) -->
    <div id="u8745" class="ax_default box_1">
        <div id="u8745_div" class=""></div>
        <div id="u8745_text" class="text ">
            <p><span>Left Center 文字提示</span></p>
        </div>
    </div>

    <!-- Unnamed (Triangle) -->
    <div id="u8746" class="ax_default box_1">
        <img id="u8746_img" class="img " src="assets/images/文字提示/u8733.svg"/>
        <div id="u8746_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u8747" class="ax_default" data-left="230" data-top="967" data-width="160" data-height="36">

    <!-- Unnamed (Rectangle) -->
    <div id="u8748" class="ax_default box_1">
        <div id="u8748_div" class=""></div>
        <div id="u8748_text" class="text ">
            <p><span>Left Bottom 文字提示</span></p>
        </div>
    </div>

    <!-- Unnamed (Triangle) -->
    <div id="u8749" class="ax_default box_1">
        <img id="u8749_img" class="img " src="assets/images/文字提示/u8733.svg"/>
        <div id="u8749_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u8750" class="ax_default" data-left="928" data-top="852" data-width="147" data-height="36">

    <!-- Unnamed (Rectangle) -->
    <div id="u8751" class="ax_default box_1">
        <div id="u8751_div" class=""></div>
        <div id="u8751_text" class="text ">
            <p><span>Right Top 文字提示</span></p>
        </div>
    </div>

    <!-- Unnamed (Triangle) -->
    <div id="u8752" class="ax_default box_1">
        <img id="u8752_img" class="img " src="assets/images/文字提示/u8733.svg"/>
        <div id="u8752_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u8753" class="ax_default" data-left="928" data-top="910" data-width="164" data-height="36">

    <!-- Unnamed (Rectangle) -->
    <div id="u8754" class="ax_default box_1">
        <div id="u8754_div" class=""></div>
        <div id="u8754_text" class="text ">
            <p><span>Right Center 文字提示</span></p>
        </div>
    </div>

    <!-- Unnamed (Triangle) -->
    <div id="u8755" class="ax_default box_1">
        <img id="u8755_img" class="img " src="assets/images/文字提示/u8733.svg"/>
        <div id="u8755_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u8756" class="ax_default" data-left="928" data-top="967" data-width="168" data-height="36">

    <!-- Unnamed (Rectangle) -->
    <div id="u8757" class="ax_default box_1">
        <div id="u8757_div" class=""></div>
        <div id="u8757_text" class="text ">
            <p><span>Right Bottom 文字提示</span></p>
        </div>
    </div>

    <!-- Unnamed (Triangle) -->
    <div id="u8758" class="ax_default box_1">
        <img id="u8758_img" class="img " src="assets/images/文字提示/u8733.svg"/>
        <div id="u8758_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u8759" class="ax_default" data-left="401" data-top="1065" data-width="154" data-height="42">

    <!-- Unnamed (Rectangle) -->
    <div id="u8760" class="ax_default box_1">
        <div id="u8760_div" class=""></div>
        <div id="u8760_text" class="text ">
            <p><span>Bottom Left 文字提示</span></p>
        </div>
    </div>

    <!-- Unnamed (Triangle) -->
    <div id="u8761" class="ax_default box_1">
        <img id="u8761_img" class="img " src="assets/images/文字提示/u8733.svg"/>
        <div id="u8761_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u8762" class="ax_default" data-left="565" data-top="1065" data-width="171" data-height="42">

    <!-- Unnamed (Rectangle) -->
    <div id="u8763" class="ax_default box_1">
        <div id="u8763_div" class=""></div>
        <div id="u8763_text" class="text ">
            <p><span>Bottom Center 文字提示</span></p>
        </div>
    </div>

    <!-- Unnamed (Triangle) -->
    <div id="u8764" class="ax_default box_1">
        <img id="u8764_img" class="img " src="assets/images/文字提示/u8733.svg"/>
        <div id="u8764_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u8765" class="ax_default" data-left="746" data-top="1065" data-width="162" data-height="42">

    <!-- Unnamed (Rectangle) -->
    <div id="u8766" class="ax_default box_1">
        <div id="u8766_div" class=""></div>
        <div id="u8766_text" class="text ">
            <p><span>Bottom Right 文字提示</span></p>
        </div>
    </div>

    <!-- Unnamed (Triangle) -->
    <div id="u8767" class="ax_default box_1">
        <img id="u8767_img" class="img " src="assets/images/文字提示/u8733.svg"/>
        <div id="u8767_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8768" class="ax_default box_1">
    <div id="u8768_div" class=""></div>
    <div id="u8768_text" class="text ">
        <p><span>上左</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8769" class="ax_default box_1">
    <div id="u8769_div" class=""></div>
    <div id="u8769_text" class="text ">
        <p><span>上边</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8770" class="ax_default box_1">
    <div id="u8770_div" class=""></div>
    <div id="u8770_text" class="text ">
        <p><span>上右</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8771" class="ax_default box_1">
    <div id="u8771_div" class=""></div>
    <div id="u8771_text" class="text ">
        <p><span>左上</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8772" class="ax_default box_1">
    <div id="u8772_div" class=""></div>
    <div id="u8772_text" class="text ">
        <p><span>左边</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8773" class="ax_default box_1">
    <div id="u8773_div" class=""></div>
    <div id="u8773_text" class="text ">
        <p><span>左下</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8774" class="ax_default box_1">
    <div id="u8774_div" class=""></div>
    <div id="u8774_text" class="text ">
        <p><span>下左</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8775" class="ax_default box_1">
    <div id="u8775_div" class=""></div>
    <div id="u8775_text" class="text ">
        <p><span>下边</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8776" class="ax_default box_1">
    <div id="u8776_div" class=""></div>
    <div id="u8776_text" class="text ">
        <p><span>下右</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8777" class="ax_default box_1">
    <div id="u8777_div" class=""></div>
    <div id="u8777_text" class="text ">
        <p><span>右上</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8778" class="ax_default box_1">
    <div id="u8778_div" class=""></div>
    <div id="u8778_text" class="text ">
        <p><span>右边</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8779" class="ax_default box_1">
    <div id="u8779_div" class=""></div>
    <div id="u8779_text" class="text ">
        <p><span>右下</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8780" class="ax_default heading_1">
    <div id="u8780_div" class=""></div>
    <div id="u8780_text" class="text ">
        <p><span>Light</span></p>
    </div>
</div>
</body>
</html>
